import Vue from 'vue';
import axios from "axios"; // 引入axios
import QS from "qs"; // 引入qs模块，用来序列化post类型的数据，后面会提到
import store from "@/store/index";
import { baseURL } from "./config";
import { Message } from 'element-ui';

// 请求地址
axios.defaults.baseURL = baseURL;
// 设置请求超时
axios.defaults.timeout = 10000;
// post请求头的设置
axios.defaults.headers.post["Content-Type"] =
  "application/x-www-form-urlencoded;charset=UTF-8";

// 请求拦截
axios.interceptors.request.use(
  config => {
    // 每次发送请求之前判断vuex中是否存在token
    // 如果存在，则统一在http请求的header都加上token，这样后台根据token判断你的登录情况
    // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
    // 显示loading
    const token = localStorage.getItem("token");
    token && (config.headers.Authorization = token);
    return config;
  },
  error => {
    // 请求错误时弹框提示，或做些其他事
    return Promise.error(error);
  }
);

// 响应拦截器
axios.interceptors.response.use(
  response => {
    console.log('----------------'+ response.data.code);
    if (response.data.code === 200) {
      // 对响应数据做点什么，允许在数据返回客户端前，修改响应的数据
      return Promise.resolve(response);
    } else {
      // 对响应错误做点什么
      Message({message: response.data.message ,type: 'error'});
      return Promise.reject(response);
      // this.$message.error(response.data.message);
    }
  },
  // 服务器状态码不是200的情况
  error => {
    Message({message: error.data.message ,type: 'error'});
    // if (error.response.data.code) {
    //   switch (error.response.data.code) {
    //     // 401: 未登录（登陆过期）
    //     // 未登录则跳转登录页面，并携带当前页面的路径
    //     // 在登录成功后返回当前页面，这一步需要在登录页操作。
    //     case 401:
    //       // this.$router.replace({
    //       //   path: "/login",
    //       //   query: { redirect:                    this.$router.currentRoute.fullPath }
    //       // });
    //       console.log('401测试');
    //       break;
    //     // 402接口调用错误
    //     case 402:
    //       console.log('402测试');
    //       this.$message.error("请求接口调用错误");
    //       break;
    //     // 403 token过期
    //     // 登录过期对用户进行提示
    //     // 清除本地token和清空vuex中token对象
    //     // 跳转登录页面
    //     case 403:
    //     this.$message.error('错了哦，这是一条错误消息');
    //     // 清除token
    //     localStorage.removeItem("token");
    //     store.commit("loginSuccess", null);
    //     //   // 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
    //       break;
    //     // 404请求不存在
    //     case 404:
    //       this.$message.error("请求接口不存在");
    //       break;
    //     // 其他错误，直接抛出错误提示
    //     default:
    //       this.$message.error(error.response.data.message);
    //   }
      return Promise.reject(error.response);
    // }
  }
);

/**
 * get方法，对应get请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function get(url, params) {
  return new Promise((resolve, reject) => {
    axios
      .get(url, {
        params: params
      })
      .then(res => {
        resolve(res.data);
      })
      .catch(err => {
        reject(err.data);
      });
  });
}

/**
 * post方法，对应post请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function post(url, params) {
  return new Promise((resolve, reject) => {
    axios
      .post(url, QS.stringify(params))
      .then(res => {
        resolve(res.data);
      })
      .catch(err => {
        reject(err.data);
      });
  });
}
